/* ------------公共样式-------------- */
body{
    margin:0;
    
}
/* 版心公共类 */
.middle{
    width: 1320px;
    margin:0 auto
}
.line{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}
ul,ol{
    list-style-type: none;
    margin:0;
    padding:0;
}
/* --------头部内容----------- */
header{
    height: 50px;
    background-color: rgb(48,54,67);
}
.head{
    background-color: rgb(114, 72, 72);
    height: 100%;
    font-size: 0;
}
.logo{
    width: 50px;
    height: 100%;
    background-color: rgb(187, 154, 154);
}
.head nav{
    width: 800px;
    height: 100%;
    background-color: rgb(200, 224, 180);
    margin-left:50px;
}

/* ----------userinfo用户信息------------- */

.userinfo{
    height: 100px;
    background-color: rgb(125, 175, 102);
    margin-top:50px;
    /* 不要按照这样写，会改写middle里面的margin:0 auto */
    /* margin:100px 0 0 0; */
}

/* ---------主要内容区域------------- */
.content{
    font-size: 0;
    margin-top:50px;
}
.content aside{
    width: 300px;
    height: 900px;
    background-color: rgb(73, 165, 165);
    margin-right: 20px;
}
.content aside .aside-item{
    width: 260px;
    height: 260px;
    background-color: rgb(134, 145, 167);
    /* margin-top:15px; */
    margin: 15px auto 0;
}

.content main{
    height: 900px;
    width: 1000px;
    background-color: rgb(61, 85, 150);
}
.content main section{
    width: 800px;
    height: 200px;
    background-color: rgb(152, 223, 211);
    margin:15px auto 0;
}

/* --------------脚部内容--------------- */
footer{
    height: 200px;
    background-color: rgb(176, 188, 216);
}
footer .foot{
    height: 100%;
    background-color: rgb(228, 225, 225);
}
